<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <title>Title</title>
<!--    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>-->
    <script src="jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function(){

  $("#b1").click(function(){
    $("p").hide();
    $("#loading").show();
    $("#content").hide();
  });
});
    </script>

        <style>
       div#loading {
    width: 350px;
    height: 350px;
    display: none;
    background: url(waiting.gif) no-repeat;
    cursor: wait;
    }
    </style>
</head>
<body>

<div id="loading"></div>
<div id="content">
        <h3>Type anything:</h3>

        <form>
            <input type="text" name="anything" placeholder="Type anything here">
<!--            <input type="button" id="b1" name="anything_submit" value="Submit" onclick="loading();">-->
    <button type="button" id="b1" name="anything_submit" value="Submit" onclick="loading();">提交</button>
        </form>

    </div>
</body>
</html>